<template>
     <div class="header"> 
            <dv-decoration8 style="width: 300px; height: 90px" />
             <div class="head_title">
                <span>大屏-demo</span>
                <dv-decoration5  style=" width: 500px; height: 90px" />
             </div>
            <dv-decoration8 :reverse="true" style="width: 300px;height:90px" />
        </div>
</template>

<script setup lang="ts"> 
</script>


<style scoped>

.header {
    width: 100%;
    height: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.head_title {
    width: 500px;
    position: relative;
}

.head_title  span {
    color: aliceblue;
    position: absolute;
    font-size: 34px;
    font-weight: 400;
    top:5px;
    width: 100%;
    text-align: center;
}

</style>